

//全局
:root {
  //主要颜色
  --MC1: #003aa8; // 高亮色、选中色、按钮等

  //辅色
  --AC1: #226fff; // 链接色、图表等
  --AC2: #0dac79; // 状态（完成）、图表等
  --AC3: #ffc924; // 提示、图表等
  --AC4: #ff8f00; // 提示、警告、状态（暂停）、图表等
  --AC5: #ff5252; // 警告、状态（停止）、图表等
  --AC6: #E0E0E0; // 待定
  --AC7: #6D7C9B; // 次按钮normal 字色

  //次辅色
  --SAC1: #f1f4f7; //背景
  --SAC2: #f4f8ff; //表头
  --SAC3: #e7ebf3; //分割线、输入边框
  --SAC4: #ecf3ff; //选中浅BG
  --SAC5: #c7d5eb; //次按钮边框等
  --SAC6: #b7c0cf; //图标未激活
  --SAC7: #cccccc; //禁用
  --SAC8: #eeeeee; //禁用背景等
  --FFF: #ffffff; //白色

  --main-color: #282f3c; //主字体色
  --box-shadow: 0px 0px 10px 0px rgba(0, 33, 95, 0.05); //阴影
  --hover-shadow: 0px 4px 16px 0px rgba(61, 98, 173, 0.25); //鼠标移入阴影
  --box-shadow-base: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04); //element boxshadow
  --border-radius: 12px; //圆角
  --main-background: #fff; //主要背景色
  --font-family: Menlo, Monaco, Consolas, "Andale Mono", "lucida console", "Courier New", monospace; //字体
  --box-sizing: border-box; //盒模型
  --disable-color: #ccc; //禁用色
  --disable-background-color: #eeeeee; //禁用背景色

  //整体风格

  //顶部导航栏
  --nav-background: #fff; //导航栏默认背景色
  --laout-header-color: #5a5e66; //导航栏默认颜色

  //左侧菜单栏
  --left-menu-color: #fff; //左侧菜单默认文字颜色
  --sub-menu-active-color: rgb(64, 158, 255); //子集menu选中文字颜色
  --sub-menu-background: rgb(34, 45, 60); //子级menu默认背景色
  --left-menu-hover-background: rgb(41, 52, 68); //左侧一级菜单鼠标移入颜色
  --left-sub-menu-hover-background: rgb(4, 21, 39); //左侧子级菜单hover颜色

  //sidebar menu
  --left-nav-show: 0px 0px 6px 0px rgb(0 0 0 / 10%); //左侧菜单阴影
  --menu-background: #304156; //menu背景色
}